* {
	margin: 0;
	padding: 0;
}

body {
	background-color: white;
}

.main {
	width: 100vmin;
	height: 100vmin;
}

.an-wrap {
	margin: 0 auto;
	width: 100vmin;
	height: 80%;
	/* background-color: #ffffe6; */
	position: relative;
}

.ct-wrap {
	width: 100vmin;
	margin: 5% auto;
	height: 10%;
	/* background-color: bisque; */
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.ct-wrap .button {
	text-align: center;
	line-height: 8vmin;
	font-size: 3vmin;
	color: white;
	width: 20vmin;
	height: 8vmin;
	border-radius: 1vmin;
	border: none;
}

.ct-wrap .button:active {
	opacity: 0.7;
}

.ct-wrap .button-auto {
	cursor: pointer;
	background-color: rgba(64,158,255,0.8);
}

.ct-wrap .button-next {
	box-shadow: 0 1vmin 2vmin #ccc;
	transition: 0.4s;
	cursor: pointer;
	background-color: rgba(133, 206, 97, 0.);
	position: relative;
	overflow: hidden;
	top: 0;
}

.button-next:hover{
	position: relative;
	top: -0.5vmin;
	box-shadow: 0 1.5vmin 2vmin #bbb;
}

.button-next:before {
	transition: 0.4s;
	position: absolute;
	bottom: -26vmin;
	left: -26vmin;
	content: "";
	background-color: rgba(133, 206, 97, 1);
	width: 30vmin;
	height: 30vmin;
	border-radius: 15vmin;
	z-index: -1;
}

.button-next:hover:before {
	position: absolute;
	bottom: -15vmin;
	left: -5vmin;
	width: 30vmin;
	height: 30vmin;
}



.ct-wrap .button-reset {
	cursor: pointer;
	background-color: darkorange;
}

.cell {
	transition: 0.5s;
	position: absolute;
	bottom: 0vmin;
	color: white;
	width: 10vmin;
	border-radius: 2vmin;
}

.cell p {
	width: 100%;
	font-size: 10vmin;
	text-align: center;
	position: absolute;
	bottom: 0;
}

.cell1 {
	height: 30vmin;
	background-color: #D11717;
	z-index: 18;

}

.cell2 {
	height: 35vmin;
	background-color: #D18717;
	z-index: 17;
}

.cell3 {
	height: 40vmin;
	background-color: #D6E319;
	z-index: 16;
}

.cell4 {
	height: 45vmin;
	background-color: #66E319;
	z-index: 15;
}

.cell5 {
	height: 50vmin;
	background-color: #19E3B4;
	z-index: 14;
}

.cell6 {
	height: 55vmin;
	background-color: #469FBF;
	z-index: 13;
}

.cell7 {
	height: 60vmin;
	background-color: #426FA6;
	z-index: 12;
}

.cell8 {
	height: 65vmin;
	background-color: #4642A6;
	z-index: 11;
}

.cell9 {
	height: 70vmin;
	background-color: #4c0f82;
	z-index: 10;
}

.min_show_off{
	transition: 0.5s;
	text-shadow: 0 0 1vmin #fff;
	color: #ffff7f;
	/* -webkit-text-stroke:0.1vmin #aaa; */
}